{% extends "backend/index.html.twig" %}

{% block body %}
    {{ parent() }} 
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-8 col-md-6 col-sm-offset-2 col-md-offset-3">
                <form action="{{ base_url('auth/create_user') }}" method="post" accept-charset="utf-8" enctype="multipart/form-data">
                    <h2>{{ title }} <small>Complete los campos solicitados.</small></h2>
                    <hr>
                    <div class="form-group">
                        {{ form_input(first_name) | raw }}
                        <span class="help-block"><strong class="text-danger">{{ form_error('first_name') | raw }}</strong></span>                       
                    </div>
                    <div class="form-group">
                        {{ form_input(location) | raw }}
                        <span class="help-block"><strong class="text-danger">{{ form_error('location') | raw }}</strong></span>                       
                    </div>
                    <div class="form-group">
                        {{ form_input(address) | raw }}
                        <span class="help-block"><strong class="text-danger">{{ form_error('address') | raw }}</strong></span>                        
                    </div>
                    <div class="form-group">
                        {{ form_input(email) | raw }}
                        <span class="help-block"><strong class="text-danger">{{ form_error('email') | raw }}</strong></span>                       
                    </div>
                    <div class="form-group">
                        {{ form_input(phone) | raw }}
                        <span class="help-block"><strong class="text-danger">{{ form_error('phone') | raw }}</strong></span>                       
                    </div>
                    <div class="row">
                        <div class="col-xs-6 col-sm-6 col-md-6">
                            <div class="form-group">
                                {{ form_input(password) | raw }}                                
                                <span class="help-block"><strong class="text-danger">{{ form_error('password') | raw }}</strong></span>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-6 col-md-6">
                            <div class="form-group">
                                {{ form_input(password_confirm) | raw }}
                                <span class="help-block"><strong class="text-danger">{{ form_error('password_confirm') | raw }}</strong></span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-9 col-sm-9 col-md-9">
                            <a href="#" data-toggle="modal" data-target="#help_modal">Ayuda?</a>
                        </div>
                    </div>

                    <hr>
                    {% if message is empty == false %}<div class="alert alert-success"><strong>{{ message | raw }}</strong></div>{% endif %}
                    <div class="row">
                        <div class="col-xs-4"><input type="submit" name="submit" value="Crear complejo" class="btn btn-primary btn-block"></div>
                    </div>
                </form>
            </div>
        </div>
        <!-- Modal -->
        <div class="modal fade" id="help_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4 class="modal-title" id="myModalLabel">Ayuda</h4>
                    </div>
                    <div class="modal-body">
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, itaque, modi, aliquam nostrum at sapiente consequuntur natus odio reiciendis perferendis rem nisi tempore possimus ipsa porro delectus quidem dolorem ad.</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, itaque, modi, aliquam nostrum at sapiente consequuntur natus odio reiciendis perferendis rem nisi tempore possimus ipsa porro delectus quidem dolorem ad.</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, itaque, modi, aliquam nostrum at sapiente consequuntur natus odio reiciendis perferendis rem nisi tempore possimus ipsa porro delectus quidem dolorem ad.</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, itaque, modi, aliquam nostrum at sapiente consequuntur natus odio reiciendis perferendis rem nisi tempore possimus ipsa porro delectus quidem dolorem ad.</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, itaque, modi, aliquam nostrum at sapiente consequuntur natus odio reiciendis perferendis rem nisi tempore possimus ipsa porro delectus quidem dolorem ad.</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, itaque, modi, aliquam nostrum at sapiente consequuntur natus odio reiciendis perferendis rem nisi tempore possimus ipsa porro delectus quidem dolorem ad.</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, itaque, modi, aliquam nostrum at sapiente consequuntur natus odio reiciendis perferendis rem nisi tempore possimus ipsa porro delectus quidem dolorem ad.</p>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->
    </div>
{% endblock %}
